<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:p="http://primefaces.org/ui" 
      xmlns:ui="http://java.sun.com/jsf/facelets">


    <h:form id="formTabelaSubGrupo">
        <p:growl id="growl" showDetail="false" />
        <p:dataTable id="TablistSubGrupos" var="forn" value="#{subGrupoControler.listSubgrupos}" widgetVar="carsTableSubGrupos" style="width: 40%;"
                     rowKey="#{forn.id}" selectionMode="single"  emptyMessage="Nenhum registro foi encontrado!" 
                     paginator="true" rows="10" rowsPerPageTemplate="5,10,15,#{subGrupoControler.listSubgrupos.size()}"
                     selection="#{subGrupoControler.subgrupo}">

            <p:ajax event="rowSelect"    
                    update=":tabView:formCadastroSubGrupo" oncomplete="dlgSubGrupo.show()" />  
            <p:ajax event="rowUnselect" update="@form" />  

            <f:facet name="header" >  
                <p:outputPanel>  
                    <p:commandButton value="Adicionar novo" accesskey="N" onclick="dlgSubGrupo.show()" style="float: left;"
                                     action="#{subGrupoControler.inicializaObj()}" process="@this" update=":tabView:formCadastroSubGrupo"/>
                    <h:outputText value="Digite para pesquisar " />
                    <p:inputText id="globalFilter" onkeyup="carsTableSubGrupos.filter()" style="width:150px" /> 
                </p:outputPanel>  
            </f:facet> 
            <p:column filterBy="${forn.id}" headerText="Código" footerText="Código" sortBy="#${forn.id}">    
                <h:outputText value="${forn.id}" />  
            </p:column>  
            <p:column filterBy="${forn.descricao}" headerText="Sub-Grupo" footerText="Sub-Grupo" sortBy="#${forn.descricao}">    
                <h:outputText value="${forn.descricao}" />  
            </p:column>  
            <p:column filterBy="${forn.idGrupo.descricao}" headerText="Grupo" footerText="Grupo" sortBy="#${forn.idGrupo.descricao}">    
                <h:outputText value="${forn.idGrupo.descricao}" />  
            </p:column>  
        </p:dataTable>
        <p:separator/>
    </h:form>

    <p:dialog id="dialogoSubGrupo" header="Dados do sub-grupo" widgetVar="dlgSubGrupo" resizable="false"   
              modal="true" appendToBody="true">
        <ui:include src="add.xhtml" />
        <!--     confirmação para excluir de participante do evento       -->
        <p:confirmDialog id="confirmDialogsubGrupo" message="Confirma excluir este grupo?" appendToBody="true"
                         header="Atenção!!!" severity="alert" widgetVar="confirmationExcluirSubGrupo" >  
            <h:form>
                <p:commandButton id="confirmSubGrupo" value="Sim" oncomplete="confirmationExcluirSubGrupo.hide()"  
                                 actionListener="#{subGrupoControler.excluir()}" update=":tabView:formCadastroSubGrupo" onclick="statusDialog.show();" onsuccess="statusDialog.hide();"/>  
                <p:commandButton id="declineSubGrupo" value="Cancelar" onclick="confirmationExcluirSubGrupo.hide()" type="button" /> 
            </h:form>
        </p:confirmDialog>
    </p:dialog>
</html>